<template>
  <section id="home">
    <h1>This is Home vue.</h1>
    <ul>
      <li v-for="(item,key) in data" :key="item.id">{{item}}</li>
    </ul>
  </section>
  
</template>

<script>
// import { test } from 'http'
export default {
  name: 'home',
  data () {
    return {
      data: []
    }
  },
  mounted: function () {
    this.$axios.get('/api/data').then(res => {
      this.data = res.data.data
      console.log(res)
    })
  }
  // methods: {
  //   // define test
  //   async test () {
  //     // use test
  //     const { data } = await test()
  //     console.log(data)
  //   }
  // },
  // created () {
  //   this.test()
  // }
}
</script>

<style>

</style>
